import React, { Component } from 'react';

class ListItem extends Component {
	constructor(props) {
		super(props);
		this.state = {};
	}
	state = {};
	handleDecrease() {
		console.log('🚀 ~ ListItem ~ handleDecrease ~ handleDecrease:');
	}
	render() {
		return (
			<div className="row mb-3">
				<div className="col-6 themed-grid-col">
					{/* <span style={{ color: '#710000' }}>
						
					</span> */}
					{this.props.data.name}
				</div>
				<div className="col-1 themed-grid-col">
					￥{this.props.data.price}
				</div>
				<div className="col-2 themed-grid-col">
					<button
						onClick={this.handleDecrease}
						type="button"
						className="btn btn-primary"
					>
						-
					</button>
					<span>{this.props.data.stock}</span>
					<button type="button" className="btn btn-primary">
						+
					</button>
				</div>
			</div>
		);
	}
}

export default ListItem;
